<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>20.9.7上机作业</title>
</head>
<body>
    <!--   第一题
     -->
     <h3>家电排行榜</h3>
     <img src="img/u=1680168860,3065726935&fm=26&gp=0.jpg" width="70" height="50">
     小米电视FX 42英寸 ￥4299.00 <hr> <br>
     <img src="img/u=2566165246,2263249192&fm=26&gp=0.jpg" width="70" height="50">
     TCL液晶电视 45英寸 ￥4599.00 <hr> <br>
     <img src="img/u=3070584888,2962284521&fm=26&gp=0.jpg" width="70" height="50">
     联创电视PC 40英寸 ￥4099.00 <hr> <br>
     <img src="img/u=3152015802,783330788&fm=26&gp=0.jpg" width="70" height="50">
     华为玻璃电视 47英寸 ￥4999.00 <hr> <br><br><br>
       
     <!--  第二题 -->
     <img src="img/0.jpg" alt="行星" usemap="#mymap">
     <map name="mymap" id="mymap">
         <area shape="circ" coords="182,182,30" href="https://image.baidu.com/search/detail?ct=503316480&z=0&ipn=d&word=%E8%A1%8C%E6%98%9F&step_word=&hs=2&pn=0&spn=0&di=79860&pi=0&rn=1&tn=baiduimagedetail&is=0%2C0&istype=0&ie=utf-8&oe=utf-8&in=&cl=2&lm=-1&st=undefined&cs=3318970562%2C49934943&os=1984588797%2C804089268&simid=3441242041%2C386746739&adpicid=0&lpn=0&ln=1288&fr=&fmq=1599476658994_R&fm=&ic=undefined&s=undefined&hd=undefined&latest=undefined&copyright=undefined&se=&sme=&tab=0&width=undefined&height=undefined&face=undefined&ist=&jit=&cg=&bdtype=0&oriquery=&objurl=http%3A%2F%2Fthumbs.dreamstime.com%2Fb%2F%E6%9C%88%E4%BA%AE%E5%92%8C%E5%9C%B0%E7%90%83%E8%A1%8C%E6%98%9F-96725692.jpg&fromurl=ippr_z2C%24qAzdH3FAzdH3Fvg_z%26e3B16jw4fpt4j_z%26e3Bv54AzdH3F%25Ec%25BA%25ln%25Ec%25AD%25lb%25E0%25bc%25A0%25E0%25bl%25b0-%25Em%25lC%25bb%25E9%25BA%25AE%25Ec%25ld%25bC%25Ec%25lC%25Ba%25E0%25la%25bn%25Eb%25A8%25bC%25Em%25lb%25lF-t4w2jlm0dcmld&gsm=1&rpstart=0&rpnum=0&islist=&querylist=&force=undefined" alt="">
     </map>
     <br>
     <br>

     <!--  表单 第一题
     -->
     <p>
         <label for="nickName">用户名：</label>
         <input type="text" name="nickName" id="nickName">
     </p>
     <p>
        <label for="password">密码：</label>
        <input type="password" name="password" id="password">
    </p>
    <p>
        <label for="">性别：</label>
        <input type="radio" name="gender" value="1" checked>男
        <input type="radio" name="gender" value="0">女
    </p>
    <p>
        <label for="">爱好：</label>
        <input type="checkbox" name="hobit" value="coding" id="01">敲代码
        <input type="checkbox" name="hobit" value="reading" id="02">读书
        <input type="checkbox" name="hobit" value="basket" id="03">打篮球
        <input type="checkbox" name="hobit" value="eating" id="04">吃
        <input type="checkbox" name="hobit" value="sleeping" id="05">睡觉
    </p>
    <p>
        自我介绍：<textarea name="jieshao"></textarea>
    </p>
    <p>
        <p id="file" class="textarea"></p>
        <!-- <a href="javascript:void(0);" class="input">照片： -->
            照片：
          <input type="file"  name="file1"  multiple="multiple" class="file" />
        </a>
    </p>
    <p>
        籍贯：
        <select name="pro" id="pro">
            <option value="001">北京</option>
            <option value="002">上海</option>
            <option value="003">广州</option>
            <option value="004">郑州</option>
            <option value="005">深圳</option>
        </select>
    </p>
    <input type="reset" value="重置">
    <input type="submit" value="提交"><br><br>
    <br>


     <!--  表单 第二题
     -->
     <img src="img/header.jpg" width="100%">
     <p>
        <label for="e_mail">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;电子邮箱：</label>
        <input type="text" name="e_mail" id="e_mail">
    </p>
     <p>
        <label for="nickName">&nbsp;&nbsp;&nbsp;&nbsp;会员登陆名：</label>
        <input type="text" name="nickName" id="nickName">
    </p>

    <p>
       <label for="password">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;密码：</label>
       <input type="password" name="password" id="password">
   </p>

   <p>
    <label for="password">再次输入密码：</label>
    <input type="password" name="password" id="password">
</p>
<p>
    <label for="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;会员身份：</label>
    <input type="radio" name="gender" value="1" checked>买家
    <input type="radio" name="gender" value="0">卖家
    <input type="radio" name="gender" value="2">两者都是
    <p>
        <label for="yanzhengma">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;验证码：</label>
        <input type="text" name="yanzhengma" id="yanzhengma">
        <img src="img/verycode.gif" alt="">
        <a href="#">看不清？换一张</a>
    </p>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="img/btn_reg.gif">
    <div style="overflow: auto;height: 90px;width: 550px;">欢迎使用阿里巴巴网站服务。以下所述条款和条件即构成您与阿里巴巴就使用服务所达成的协议。一旦您使用了该服务，即表示您已接受了以下所述的条款和条件。
        如果您不同意接受全部的条款和条件，那么您将无权使用该服务。当您完成注册并点击本协议下方“我同意”键时，即表示您已同意受阿里巴巴网站服务协议约束，包括但不限于本协议、阿里巴巴会员服务协议和隐私权政策等。
        阿里巴巴有权随时修改前述条款和条件，并只需公示于其网站，而无需征得您的事先同意。修改后的条款应于公示即时生效。在阿里巴巴修改服务条款后，您继续使用服务应被视作您已接受了修改后的条款。除非得到阿里巴巴的书面授权，任何人将不得修改本协议。
        本协议中，被许可使用在线交易服务的阿里巴巴用户均简称为“用户”，浙江阿里巴巴电子商务有限公司及阿里巴巴（中国）网络有限公司简称为“阿里巴巴公司”，浙江支付宝网络科技有限公司简称为“支付宝公司”。
    
    第一条服务说明
    除非本协议另有规定，否则下列词汇的含义为：
    1、阿里巴巴网站：指域名为www.alibaba.com.cn的互联网站。
    2、在线交易服务：指由阿里巴巴公司为用户提供电子技术支持，在阿里巴巴网站中为用户提供空间，准许用户以合法方式并在遵守阿里巴巴用户协议及相关规则的前提下，发布用户及用户商品信息的服务。
    3、支付宝服务：指支付宝公司向用户提供的“支付宝软件”及附随提供的“支付宝”中介服务，内容及相关条款和条件详见www.alipay.com的“支付宝服务条款”。用户承诺在使用支付宝服务时，遵守支付宝公司的全部相关规则。
    4、交易完毕：指用户与买方如约交付成交物品，并收到买方交易价款，且付讫本协议项下的技术服务费。
    
    第二条　服务内容
    1、在用户同意遵守本协议条款前提下，用户有权在阿里巴巴网站指定位置上发布符合中国各项法律法规及规范性文件以及阿里巴巴网站服务条款要求的信息。
    2、阿里巴巴公司为用户顺利实现在阿里巴巴网站的信息发布提供在线交易服务。
    3、支付宝公司为用户在在线交易上的商品销售提供支付宝服务。</div>
</p>
    <img src="img/footer.jpg" width="100%"><br><br>

    <!--  表单 第三题
        
     -->
     <header>
         <h1>F#入门</h1>
     </header>
     <article>
         <h2>第四节&nbsp;&nbsp;词法闭包</h2>
         <p>lambda表达式</p>
     </article>
     <aside>
         <h2>名词解释</h2>
         <p>F#</p>
         <p>&nbsp;&nbsp;&nbsp;&nbsp;F#为.NET2010中引入的新型函数型编程语言</p>
         <p>词法闭包</p>
         <p>&nbsp;&nbsp;&nbsp;&nbsp;词法闭包是指，将创建lambda表达式时的环境保存起来。</p>
     </aside>
     <br><br>

     <!--  表单 第四题
        
     -->
     <header>
         <h1>用户注册</h1>
     </header>
     <p>
        <label for="nickName">姓名：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
        <input type="text" name="nickName" id="nickName" required>
    </p>
    <p>
        <label for="age">年龄：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
        <input type="number" name="age" id="age">
    </p>
    <p>
        <label for="birthday">出生日期：</label>
        <input type="date" name="birthday" id="birthday">
    </p>
    <p>
        <label for="e_mail">E_mail：&nbsp;&nbsp;&nbsp;</label>
        <input type="email" name="e_mail" id="e_mail">
    </p>
    <p>
        <label for="own_html">个人主页：</label>
        <input type="url" name="own_html" id="own_html">
    </p>
    <p>
        个人简介:&nbsp;&nbsp;&nbsp;<textarea name="jianjie" id="" cols="20" rows="10" required></textarea>
    </p>
    <p><input type="submit" value="提交"></p>
    <br><br>
    <!--  第五次 -->
</body>
</html>